@import '../../style/_variables.less';

.mooli-baddress {
  position: relative;
  min-height: 120px;

  &--loading {
    display: flex;
    justify-content: center;
    align-items: center;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    width: @toast-text-min-width;
    height: @toast-default-min-height;
    margin: auto;
    background: rgba(0, 0, 0, 0.5);
    border-radius: 0.2rem;
    z-index: 9999;
  }

  &--tabpan-item {
    padding: 16px;

    >li {
      display: flex;
      justify-content: space-between;
      padding: 17px 0;

      >em {
        display: inline-block;
        width: 24px;
        height: 24px;
        border: 1px solid #ccc;
        border-radius: 50%;
      }

      >span {
        font-size: 14px;
        font-family: Roboto-Medium, Roboto;
        font-weight: 500;
        color: #333333;
      }

      >em.actived {
        border: none !important;
        background: url('') center center no-repeat;
        background-size: 100% auto;
      }

      border-bottom: 1px solid #f5f5f5;
    }
  }

  .mooli-tabs--nav .mooli-tab {
    width: 25%;
    flex: none;
  }
}